.login_bg{
    width:100%;
    height:100%;
    background:url("../assets/login/loginbg.png") no-repeat;

}

.login-top{
    text-align: center;
    padding-top: 30%;
    padding-bottom: .8rem;
   color:#ef4f00;
}

.login-top img{
    width:7.5rem;
    height:100%;
}

.content{
    width:100%;
    height:100%;
    padding:0 .5rem;
}


.userName,.userpwd{
    display: inline-block;
    width:1.2rem;
    height:1.2rem;
    padding-left: .8rem;
}
.userName{
     background: url('../assets/login/login_user.png')center no-repeat;
     background-size: contain;
     vertical-align: middle;
 }
.userpwd{
    background: url('../assets/login/login_pwd.png')center no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.loginInfo li{
    background-color: #fff;
    height:2.5rem;
    line-height: 2.5rem;
    border:1px solid #c2c8cc;
    margin-bottom: .8rem;
    border-radius: 5px;
    color:#edecef;
}

.loginInfo li input{
  height:2rem;
  line-height: 2rem;
  border:none;
  background-color: #fff;
  color:#333;
}
li.check-code, .check-code-lay{
  display:-webkit-box;
  background:none;
  border:none;
  border-radius:0;
}
.check-code-lay{
  width:9rem;
  background:#FFF;
  border:1px solid #c2c8cc;
  border-radius: 5px;
}
.check-code-lay:before{
  content:"";
  display: block;
  width:2.28rem;
  height:2.42rem;
  background:url(../assets/login/code.png) no-repeat;
  background-size: 2.28rem 2.42rem;
}
.check-code-lay input{
  width:6rem;
}
.code-con{
  display: block;
  margin-left:.4rem;
  border-radius: 5px;
}
.code-con img{
  width:4.6rem;
  height:2.5rem;
  border-radius: 5px;
}
.combtn{
  text-align: left;
}
.redBtn{
  width:60%;
  margin-right:.5rem;
}
.forget-pwd{
  color:#08c;
  font-size:.64rem;
}
.credit-love{
  height:1.8rem;
  padding-right:.6rem;
  line-height:1.8rem;
  text-align:right;
  font-size:.64rem;
  color:#08f;
}

